<template>
  <div>
    <h1>哈哈哈哈</h1>
    <p>嘻嘻嘻{{money}}</p>
    <p>{{user.name.toUpperCase()}}</p>
    <p>{{list[0]}}</p>
    <p>{{ age >= 18 ? '成年':'未成年' }}</p>
    <!-- <p>{{ gender }}</p> -->
    <!-- 
      {{}} 插值表达式
        {{}} 中可以出现属性  对象 数组 调用方法  三元素运算符
      注意：
        1. {{}} 中访问的数据在data中必须存在
        2. {{}} 中不能出现语句  if else for
        3. {{}} 不能出现在属性中
    -->
    <!-- <p>{{  }}</p> -->
    <!-- <div title="{{text}}">我是一个盒子</div> -->
  </div>
</template>

<script>
export default {
  // data用于提供数据
  data () {
    return {
      money: 100,
      user: {
        name: 'zs',
        age: 18
      },
      list: ['张三', '李四'],
      age: 18,
      text: '哈哈哈'
    }
  }
 }
</script>

<style>

</style>